<!DOCTYPE html>
<html>


    <!-- Mirrored from www.zi-han.net/theme/hplus/graph_metrics.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:09 GMT -->
    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">


        <title>一月内热点信息统计表</title>
        <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
        <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

        <link rel="shortcut icon" href="favicon.ico">
        <link href="/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
        <link href="/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

        <link href="/css/animate.min.css" rel="stylesheet">
        <link href="/css/style.min862f.css?v=4.1.0" rel="stylesheet">
        <!-- Data Tables -->

        <!--https://datatables.net/extensions/buttons/examples/html5/excelTextBold.html-->
        <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
        <link href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css" rel="stylesheet">
        <link href="/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
        <link href="/css/onemonth.css" rel="stylesheet">

    </head>

    <body class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content">
                            <h5 class="m-b-md">热点总数</h5>
                            <h2 class="text-navy" id="totalhots">
                                <i class="fa fa-play fa-rotate-270"></i> <%=result.total%>                           
                            </h2>
                            <small>更新时间：实时</small>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content ">
                            <h5 class="m-b-md">一月内新增</h5>
                            <h2 class="text-navy" id="addhots">
                                <i class="fa fa-play fa-rotate-270"></i> <%=result.add%>   
                            </h2>
                            <small>更新时间：实时</small>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content">
                            <h5 class="m-b-md">一月内减少</h5>
                            <h2 class="text-danger" id="subhots">
                                <i class="fa fa-play fa-rotate-90"></i> <%=result.sub%>   
                            </h2>
                            <small>更新时间：实时</small>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content">
                            <h5 class="m-b-md">环比</h5>
                            <h2 class="text-danger" id="comparehots">
                                <i class="fa fa-play fa-rotate-90"></i> <%=result.compare%>   
                            </h2>
                            <small>更新时间：实时</small>
                        </div>
                    </div>
                </div>

            </div>
            <div class="ibox-content">

                <div class="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 一月内上线热点信息</a>
                        </li>
                        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false"> 一月内下线热点信息</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table table-striped" id='onlinetable'>
                                        <thead>
                                            <tr>
                                                <th>热点标识</th>
                                                <th>热点名称</th>
                                                <th>街道信息</th>
                                                <th>最近心跳时间</th>
                                                <th>类型</th>
                                                <th>商家名称</th>
                                                <th>创建时间</th>
                                            </tr>
                                        </thead>
                                        <tbody id='outputrecord'>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane">
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table table-striped" id='offlinetable'>
                                        <thead>
                                            <tr>
                                                <th>热点标识</th>
                                                <th>热点名称</th>
                                                <th>街道信息</th>
                                                <th>下线时间</th>
                                                <th>类型</th>
                                                <th>商家名称</th>
                                                <th>创建时间</th>
                                            </tr>
                                        </thead>
                                        <tbody id='outputrecord2'>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="/js/jquery.min.js?v=2.1.4"></script>
        <script src="/js/bootstrap.min.js?v=3.3.6"></script>
        <script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>
        <script src="/js/plugins/peity/jquery.peity.min.js"></script>
        <script src="/js/content.min.js?v=1.0.0"></script>
        <!--<script src="/js/demo/peity-demo.min.js"></script>-->
        <script src="/js/plugins/jeditable/jquery.jeditable.js"></script>
        <script src="/js/plugins/dataTables/jquery.dataTables.js"></script>
        <script src="/js/plugins/dataTables/dataTables.bootstrap.js"></script>

        <script src="//code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
        <script src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>

        <script src='/js/db-ejs-b.js'></script>
    </body>


    <!-- Mirrored from www.zi-han.net/theme/hplus/graph_metrics.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:09 GMT -->
</html>
